﻿<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <title>jQuery+CSS3答题卡切换插件</title>
    <meta name="format-detection" content="telephone=no"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <meta name="viewport"
          content="width=device-width,initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no"/>
    <meta name="description" content="">
    <meta name="keywords" content="">
    <link href="css/risk_test.css" rel="stylesheet"/>
    <style type="text/css">
        .card_nott #J_zt_reg_submit {
            font-size: 20px;
            color: #fff;
            height: 34px;
            display: block;
            line-height: 34px;
            text-align: center;
            width: 100px;
            background: #494eb9;
            border-radius: 5px;
            position: absolute;
            left: 35%;
        }
    </style>
    <script type="text/javascript" src="js/jquery-3.3.1.min.js"></script>
    <script type="text/javascript" src="Ajax/survey.js"></script>
</head>
<body style="background-color: #00a65a">
<div class="wrapper">
    <div id="answer" class="card_wrap"><!--Q1-->
        <div class="card_cont card1">
            <div class="card"><p class="question"><span>Q1、</span><span class="sp1">以下哪项最能说明您的投资经验？</span></p>
                <ul class="select">
                    <li><input id="q1_1" type="radio" name="r-group-1" value="A" class="in1"><label for="q1_1"
                                                                                                    class="q1">除存款、国债外,我几乎不投资其他金融产品</label>
                    </li>
                    <li><input id="q1_2" type="radio" name="r-group-1" value="B" class="in1"><label
                            for="q1_2" class="q2">大部分投资于外汇、国债等，较少投资于股票、基金等风险产品</label></li>
                    <li class="li1"><input id="q1_3" type="radio" name="r-group-1" value="C" class="in1"><label
                            for="q1_3"
                            class="q3">资产均衡地分布于存款、国债、银行理财产品、信托产品、股票、基金等</label>
                    </li>
                    <li class="li2"><input id="q1_4" type="radio" name="r-group-1" value="D" class="in1"><label
                            for="q1_4" class="q4">大部分投资于股票、基金、外汇等高风险产品，较少投资于存款、国债</label></li>
                </ul>
                <div class="card_bottom"><span><b>1</b>/10</span></div>
            </div>
        </div><!--Q2-->
        <div class="card_cont card2">
            <div class="card"><p class="question"><span>Q2、</span><span class="sp1">以下哪项最能说明您的投资经验？您的投资经验</span></p>
                <ul class="select">
                    <li><input id="q2_1" type="radio" name="r-group-2" value="A" class="in1"><label for="q2_1"
                                                                                                    class="q1">除存款、国债外,我几乎不投资其他金融产品</label>
                    </li>
                    <li><input id="q2_2" type="radio" name="r-group-2" value="B" class="in1"><label
                            for="q2_2" class="q2">大部分投资于外汇、国债等，较少投资于股票、基金等风险产品</label></li>
                    <li class="li1"><input id="q2_3" type="radio" name="r-group-2" value="C" class="in1"><label
                            for="q2_3"
                            class="q3">资产均衡地分布于存款、国债、银行理财产品、信托产品、股票、基金等</label>
                    </li>
                    <li class="li2"><input id="q2_4" type="radio" name="r-group-2" value="D" class="in1"><label
                            for="q2_4" class="q4">大部分投资于股票、基金、外汇等高风险产品，较少投资于存款、国债</label></li>
                </ul>
                <div class="card_bottom">
                    <a class="prev">上一题</a>
                    <span id="span1">提交</span>
                    <span><b>2</b>/10</span></div>
            </div>
        </div><!--Q3-->
        <div class="card_cont card3">
            <div class="card"><p class="question"><span>Q3、</span><span class="sp1">以下哪项最能说明您的投资经验？您的投资经验</span></p>
                <ul class="select">
                    <li><input id="q3_1" type="radio" name="r-group-3" value="A" class="in1"><label for="q3_1"
                                                                                                    class="q1">除存款、国债外,我几乎不投资其他金融产品</label>
                    </li>
                    <li><input id="q3_2" type="radio" name="r-group-3" value="B" class="in1"><label
                            for="q3_2" class="q2">大部分投资于外汇、国债等，较少投资于股票、基金等风险产品</label></li>
                    <li class="li1"><input id="q3_3" type="radio" name="r-group-3" value="C" class="in1"><label
                            for="q3_3"
                            class="q3">资产均衡地分布于存款、国债、银行理财产品、信托产品、股票、基金等</label>
                    </li>
                    <li class="li2"><input id="q3_4" type="radio" name="r-group-3" value="D" class="in1"><label
                            for="q3_4" class="q4">大部分投资于股票、基金、外汇等高风险产品，较少投资于存款、国债</label></li>
                </ul>
                <div class="card_bottom"><a class="prev">上一题</a><span><b>3</b>/10</span></div>
            </div>
        </div><!--Q4-->
        <div class="card_cont">
            <div class="card">
                <p class="question"><span>Q4、</span>
                    <sapn class="sp1">以下哪项最能说明您的投资经验？</sapn>
                </p>
                <ul class="select">
                    <li><input id="q4_1" type="radio" name="r-group-4" value="A" class="in1"><label for="q4_1"
                                                                                                    class="q1">除存款、国债外,我几乎不投资其他金融产品</label>
                    </li>
                    <li><input id="q4_2" type="radio" name="r-group-4" value="B" class="in1"><label
                            for="q4_2" class="q2">大部分投资于外汇、国债等，较少投资于股票、基金等风险产品</label></li>
                    <li class="li1"><input id="q4_3" type="radio" name="r-group-4" value="C" class="in1"><label
                            for="q4_3"
                            class="q3">资产均衡地分布于存款、国债、银行理财产品、信托产品、股票、基金等</label>
                    </li>
                    <li class="li2"><input id="q4_4" type="radio" name="r-group-4" value="D" class="in1"><label
                            for="q4_4" class="q4">大部分投资于股票、基金、外汇等高风险产品，较少投资于存款、国债</label></li>
                </ul>
                <div class="card_bottom"><a class="prev">上一题</a><span><b>4</b>/10</span></div>
            </div>
        </div><!--Q5-->
        <div class="card_cont">
            <div class="card"><p class="question"><span>Q5、</span><span class="sp1">以下哪项最能说明您的投资经验？</span></p>
                <ul class="select">
                    <li><input id="q5_1" type="radio" name="r-group-5" value="A" class="in1"><label for="q5_1"
                                                                                                    class="q1">除存款、国债外,我几乎不投资其他金融产品</label>
                    </li>
                    <li><input id="q5_2" type="radio" name="r-group-5" value="B" class="in1"><label
                            for="q5_2" class="q2">大部分投资于外汇、国债等，较少投资于股票、基金等风险产品</label></li>
                    <li class="li1"><input id="q5_3" type="radio" name="r-group-5" value="C" class="in1"><label
                            for="q5_3"
                            class="q3">资产均衡地分布于存款、国债、银行理财产品、信托产品、股票、基金等</label>
                    </li>
                    <li class="li2"><input id="q5_4" type="radio" name="r-group-5" value="D" class="in1"><label
                            for="q5_4" class="q4">大部分投资于股票、基金、外汇等高风险产品，较少投资于存款、国债</label></li>
                </ul>
                <div class="card_bottom"><a class="prev">上一题</a><span><b>5</b>/10</span></div>
            </div>
        </div><!--Q6-->
        <div class="card_cont">
            <div class="card"><p class="question"><span>Q6、</span><span class="sp1">以下哪项最能说明您的投资经验？</span></p>
                <ul class="select">
                    <li><input id="q6_1" type="radio" name="r-group-6" value="A" class="in1"><label for="q6_1"
                                                                                                    class="q1">除存款、国债外,我几乎不投资其他金融产品</label>
                    </li>
                    <li><input id="q6_2" type="radio" name="r-group-6" value="B" class="in1"><label
                            for="q6_2" class="q2">大部分投资于外汇、国债等，较少投资于股票、基金等风险产品</label></li>
                    <li class="li1"><input id="q6_3" type="radio" name="r-group-6" value="C" class="in1"><label
                            for="q6_3"
                            class="q3">资产均衡地分布于存款、国债、银行理财产品、信托产品、股票、基金等</label>
                    </li>
                    <li class="li2"><input id="q6_4" type="radio" name="r-group-6" value="D" class="in1"><label
                            for="q6_4" class="q4">大部分投资于股票、基金、外汇等高风险产品，较少投资于存款、国债</label></li>
                </ul>
                <div class="card_bottom"><a class="prev">上一题</a><span><b>6</b>/10</span></div>
            </div>
        </div><!--Q7-->
        <div class="card_cont">
            <div class="card"><p class="question"><span>Q7、</span><span class="sp1">以下哪项最能说明您的投资经验？</span></p>
                <ul class="select">
                    <li><input id="q7_1" type="radio" name="r-group-7" value="A" class="in1"><label for="q7_1"
                                                                                                    class="q1">除存款、国债外,我几乎不投资其他金融产品</label>
                    </li>
                    <li><input id="q7_2" type="radio" name="r-group-7" value="B" class="in1"><label
                            for="q7_2" class="q2">大部分投资于外汇、国债等，较少投资于股票、基金等风险产品</label></li>
                    <li class="li1"><input id="q7_3" type="radio" name="r-group-7" value="C" class="in1"><label
                            for="q7_3"
                            class="q3">资产均衡地分布于存款、国债、银行理财产品、信托产品、股票、基金等</label>
                    </li>
                    <li class="li2"><input id="q7_4" type="radio" name="r-group-7" value="D" class="in1"><label
                            for="q7_4" class="q4">大部分投资于股票、基金、外汇等高风险产品，较少投资于存款、国债</label></li>
                </ul>
                <div class="card_bottom"><a class="prev">上一题</a><span><b>7</b>/10</span></div>
            </div>
        </div><!--Q8-->
        <div class="card_cont">
            <div class="card"><p class="question"><span>Q8、</span><span class="sp1">以下哪项最能说明您的投资经验？</span></p>
            <ul class="select">
                <li><input id="q8_1" type="radio" name="r-group-8" value="A" class="in1"><label for="q8_1"
                                                                                                class="q1">除存款、国债外,我几乎不投资其他金融产品</label>
                </li>
                <li><input id="q8_2" type="radio" name="r-group-8" value="B" class="in1"><label
                        for="q8_2" class="q2">大部分投资于外汇、国债等，较少投资于股票、基金等风险产品</label></li>
                <li class="li1"><input id="q8_3" type="radio" name="r-group-8" value="C" class="in1"><label
                        for="q8_3"
                        class="q3">资产均衡地分布于存款、国债、银行理财产品、信托产品、股票、基金等</label>
                </li>
                <li class="li2"><input id="q8_4" type="radio" name="r-group-8" value="D" class="in1"><label
                        for="q8_4" class="q4">大部分投资于股票、基金、外汇等高风险产品，较少投资于存款、国债</label></li>
            </ul>
            <div class="card_bottom"><a class="prev">上一题</a><span><b>8</b>/10</span></div>
        </div>
        </div>
        <!--Q9-->
        <div class="card_cont">
            <div class="card"><p class="question"><span>Q9、</span><span class="sp1">您投资产品的价值出现何种程度的波动时，您会呈现明显的焦虑？</span>
            </p>
                <ul class="select">
                    <li><input id="q9_1" type="radio" name="r-group-9" value="A" class="in1"><label for="q9_1"
                                                                                                    class="q1">除存款、国债外,我几乎不投资其他金融产品</label>
                    </li>
                    <li><input id="q9_2" type="radio" name="r-group-9" value="B" class="in1"><label
                            for="q9_2" class="q2">大部分投资于外汇、国债等，较少投资于股票、基金等风险产品</label></li>
                    <li class="li1"><input id="q9_3" type="radio" name="r-group-9" value="C" class="in1"><label
                            for="q9_3"
                            class="q3">资产均衡地分布于存款、国债、银行理财产品、信托产品、股票、基金等</label>
                    </li>
                    <li class="li2"><input id="q9_4" type="radio" name="r-group-9" value="D" class="in1"><label
                            for="q9_4" class="q4">大部分投资于股票、基金、外汇等高风险产品，较少投资于存款、国债</label></li>
                </ul>
                <div class="card_bottom"><a class="prev">上一题</a>

                    <span><b>9</b>/10</span></div>
            </div>
        </div>
        <div class="card_cont">
            <div class="card"><p class="question"><span>Q10、</span><span class="sp1">以下哪项最能说明您的投资经验？</span></p>
                <ul class="select">
                    <li><input id="q10_1" type="radio" name="r-group-8" value="A" class="in1"><label for="q10_1"
                                                                                                     class="q1">除存款、国债外,我几乎不投资其他金融产品</label>
                    </li>
                    <li><input id="q10_2" type="radio" name="r-group-8" value="B" class="in1"><label
                            for="q10_2" class="q2">大部分投资于外汇、国债等，较少投资于股票、基金等风险产品</label></li>
                    <li class="li1"><input id="q10_3" type="radio" name="r-group-8" value="C" class="in1"><label
                            for="q10_3"
                            class="q3">资产均衡地分布于存款、国债、银行理财产品、信托产品、股票、基金等</label>
                    </li>
                    <li class="li2"><input id="q10_4" type="radio" name="r-group-8" value="D" class="in1"><label
                            for="q10_4" class="q4">大部分投资于股票、基金、外汇等高风险产品，较少投资于存款、国债</label></li>
                </ul>
                <div class="card_bottom"><a class="prev">上一题</a>
                    <div class="card_nott">
                        <input type="hidden" name="method" value="zjxmview"/>
                        <a id="J_zt_reg_submit" onclick="surver()">立即测试</a>
                    </div>
                    <span><b>10</b>/10</span></div>
            </div>
        </div>
    </div><!--/card_wrap--></div>
<script src="js/jquery-1.8.3.min.js"></script>
<script src="js/answer.js"></script>
<script>
    $(function () {
        $("#answer").answerSheet({});
    })

    $(document).ready(function () {
        $("#J_zt_reg_submit").click(function () {

        })
    });
</script>
</body>
</html>